/* CSS Document */
@font-face {font-family:'Titillium Web';src:url('../fonts/TitilliumWeb-Regular.ttf') format('truetype');}

ul, ol { 
    list-style: none; 
    margin:0;
		padding: 0px;
}
body,legend { 
    color:#666;
}
a {
    color: inherit;
		text-decoration: none;
}
.css3 {
    -webkit-transition-duration: 0.5s;
    -ms-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
a:hover  {
    color:#0264a3;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
body,h1,h2,h3,h4,h5,h6 {font-family:"Microsoft YaHei",微软雅黑,STHeiti !important;margin:0;padding:0;}
input:focus {outline: initial;}


.rat-header-all {
	
}
/*************************/
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
.mobile_menu_shop{ display:none;
float:right; margin-right:1em; margin-top:1.125em;}
.mobile_menu{ cursor:pointer; display:none;
 position:fixed; right:3.4em; top:1.09375em; z-index:9999;   width:45px; height:45px;}
.nav-trigger{ overflow: hidden; text-indent: 100%;white-space: nowrap;color: transparent;} .nav-trigger span,.nav-trigger span::before,.nav-trigger span::after{position: absolute;width: 28px; height:2px;background-color: #fff;-webkit-backface-visibility: hidden;backface-visibility: hidden;} .header.pages-header .nav-trigger span,.header.pages-header .nav-trigger span::before,.header.pages-header .nav-trigger span::after{background:#000} .nav-trigger span {top: 21px;left: 8px;-webkit-transition: background 0.2s 0.1s;-moz-transition: background 0.2s 0.1s;transition: background 0.2s 0.1s;} .nav-trigger span::before, .nav-trigger span:after {content: '';left: 0;-webkit-transition: -webkit-transform 0.2s 0.1s;-moz-transition: -moz-transform 0.2s 0.1s;transition: transform 0.2s 0.1s;} .nav-trigger span::before {bottom: 8px;} .nav-trigger span::after {top: 8px;} .nav-trigger.active span {background-color: rgba(255, 255, 255, 0);} .header.pages-header .nav-trigger.active span {background-color: rgba(0, 0, 0, 0);} .nav-trigger.active span::before, .nav-trigger.active span::after {background-color:#fff;} .header.pages-header .nav-trigger.active span::before,.header.pages-header .nav-trigger.active span::after {background-color:#000;} .nav-trigger.active span::before {-webkit-transform: translateY(8px) rotate(-45deg);-moz-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);-o-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);} .nav-trigger.active span::after {-webkit-transform: translateY(-8px) rotate(45deg);-moz-transform: translateY(-8px) rotate(45deg);-ms-transform: translateY(-8px) rotate(45deg);-o-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.momenu{ background-color:#fff; 
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0;
position:fixed; left:0; top:-100%; width:100%; height:100%; overflow-y:auto; z-index:888;}
.momenu ul{
margin-top:3.9375em;}
.momenu ul li{
text-align:center;font-family: "GILROY-LIGHT"; text-transform: uppercase;}
a.momenu_big{ color:#333;font-size: 16px;
display:block;padding:15px 0; border-bottom:1px #ccc solid;}
.momenu ul li.on a.momenu_big{
background-color:#0264a3; color:#fff;}
.momenu ul li dl dd{
font-size:15px; padding:0.5em 0;}
.momenu ul li dl dd:nth-child(1){
margin-top:0.5em;}
.momenu ul li dl dd a{
color:#666;}
.momenu ul li dl{ overflow:hidden;
-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; height:0; opacity:0;}
.momenu ul li.on dl{
height:auto; opacity:1;}

@media screen and (max-width:1325px) {
#menu{
display:none;}
.momenuon{
top:0;opacity:1}
.mobile_menu_shop,.mobile_menu{
display:block;}
.mobile_menu{
top:1em;}
}
.mobile_language a {
	background-image: url(../images/img7b.png);
	border: 1px #fff solid;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 100%;
	margin-top: 5px;
}

.mobile_language {
	display: none;
	position: fixed;
	top: 1.3em;
	right: 1em;
	z-index: 9999;
}
@media screen and (max-width:1325px) {
	.mobile_language {
		display: block;
	}
}
@media screen and (max-width:760px) {
	.mobile_language {
		top: 1em;
	}
}
/* 栏目开始 */
.bodyleft{ color:#fff; text-align:center;
background-color: #18497d;
	/* background: -webkit-linear-gradient(top, #f6f6f6, #00a7db);
	background: -o-linear-gradient(top,#f6f6f6, #00a7db);
	background: -moz-linear-gradient(top,#f6f6f6, #00a7db);
	background: -ms-linear-gradient(top,#f6f6f6, #00a7db); */
position:fixed; left:0; top:0; z-index:10; width:260px; height:100%;}
.bodyleft a:hover{
color:#eee;}
.bodyleft_mid_1{
margin-top:3.5em; margin-bottom:3.5em; padding: 0px 20px;}
.bodyleft_mid_2 ul li{
	font-size: 16px;
margin:2em 0;}
.bodyleft_footer{
position:absolute; left:0; bottom:2em; width: 100%;}
.bodyleft_mid_3,.bodyleft_mid_3_2{
padding:0 1.4375em;}
.bodyleft_mid_3_2{
margin:2em 0 1.5em 0;}
.bodyleft_mid_3_1{ padding-left:0.5em;
position:relative; border:1px #fff solid; padding-right:2.25em;}
.bodyleft_mid_3_1_btn{ background-color:transparent; cursor:pointer;
position:absolute; right:0; top:0; width:2.25em; height:100%; z-index:10; background-position:center; background-repeat:no-repeat; border:none; background-image:url(../images/img2.png);}
.bodyleft_mid_3_1_wbk{ color:#fff;
height:2.125em; border:none; width:100%; background:none; line-height:2.125em;}
.bodyleft_mid_3_2{
text-align:center;}
.bodyleft_mid_3_2 a{border-radius:50%; float:left; margin-left:20px;
display:inline-block; background-position:center; background-repeat:no-repeat; width:40px; height:40px; border:1px #fff solid; text-align:center;}
.bodyleft_mid_3_2 a:nth-child(1){
background-image:url(../images/img3.png); margin-left:0;}
.bodyleft_mid_3_2 a:nth-child(2){
background-image:url(../images/img4.png);}
.bodyleft_mid_3_2 a:nth-child(3){
background-image:url(../images/img5.png);}
.bodyleft_mid_3_2 a:nth-child(4){
background-image:url(../images/img7.png); }
.bodyleft_mid_3_2 a.cn{
background-image:url(../images/cn.png); }
.bodyleft_mid_3_2 a{
position:relative;}
.bodyleft_mid_3_2 a span{  width:125px; display:none;
position:absolute; left:-45px; bottom:42px; z-index:10;}
.bodyleft_mid_3_2 a:hover span{
display:block;}
 .wechat2 img{ display:none;
max-width:none; position:absolute; bottom:3.5em; left:-34px; width:100px; z-index:10;}
.wechat2:hover img{
display:block;}
.bodyleft_mid_4{
font-size:13px; padding:0 1em; text-align:center; color:#fff; line-height:20px;}

.bodyleft_mid_2 ul li a {
	opacity: 0;
	position: relative;
	left: 1em;
	left: 0\9\0;
	opacity: 1\9\0;
	/* ie 9*/

}

.bodyleft_mid_2 ul li:nth-child(1) a {
	animation: mymove 1s infinite;
	animation-delay: 0s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 0s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(2) a {
	animation: mymove 1s infinite;
	animation-delay: 0.3s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 0.3s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(3) a {
	animation: mymove 1s infinite;
	animation-delay: 0.6s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 0.6s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(4) a {
	animation: mymove 1s infinite;
	animation-delay: 0.9s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 0.9s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(5) a {
	animation: mymove 1s infinite;
	animation-delay: 1.2s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 1.2s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(6) a {
	animation: mymove 1s infinite;
	animation-delay: 1.5s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 1.5s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(7) a {
	animation: mymove 1s infinite;
	animation-delay: 1.8s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 1.8s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

.bodyleft_mid_2 ul li:nth-child(8) a {
	animation: mymove 1s infinite;
	animation-delay: 2.1s;
	/*Safari and Chrome*/
	-webkit-animation: mymove 1s infinite;
	-webkit-animation-delay: 2.1s;
	animation-iteration-count: 1;
	/*动画只执行一次*/
	-moz-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-fill-mode: forwards;
	/*让动画停留在最后一帧 */
	-moz-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}

@keyframes mymove {
	from {
		left: 1em;
		opacity: 0
	}

	to {
		left: 0em;
		opacity: 1
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	from {
		left: 1em;
		opacity: 0
	}

	to {
		left: 0em;
		opacity: 1
	}
}

@media screen and (max-width:1660px) {
	.bodyleft_mid_1 {
		margin-top: 2.5em;
		margin-bottom: 2em;
	}

	.bodyleft_mid_2 ul li {
		margin: 1.5em 0;
	}

	.bodyleft_footer {
		bottom: 1em;
	}

	.bodyleft_mid_3_2 {
		margin: 1em 0;
	}
}
@media screen and (max-width:1325px) {
	.bodyleft {
		z-index: 999;
		width: 100%;
		height: auto;
		padding: 1em 0;
	}

	.bodyleft_mid_2 {
		display: none;
	}

	.bodyleft_footer {
		display: none;
	}

	.bodyleft_mid_1 {
		margin: 0;
		padding: 0px 10px;
	}

	.bodyleft_mid_1 img {
	    height: 45px;
		float: left;
		margin-left: 1%;
	}

	#mid {
		margin-top: 4.625em;
		padding-left: 0;
	}
}
@media screen and (max-width:760px) {
	.bodyleft_mid_1 img {height: 35px;}
}

/* 首页内容开始 */
.rat-index-rightinfo {
	padding: 0px;
	padding-left: 260px;
	margin: 0px;
	overflow: hidden;
}

.banner_txt {
	left: 11%;
	z-index: 10;
	top: 0;
	position: absolute;
	height: 100%;
	width: 80%;
}

.banner_txt_1 {
	color: #fff;
	font-size: 2.9vw;
}

.banner_txt_2 {
	margin-top: 0.3em;
	margin-bottom: 2.5em;
	color: #ccc;
	font-size: 0.9vw;
	line-height: 2;
	width: 65%;
}

.banner_txt_3 a {
	border-radius: 2.533333333333333em;
	display: inline-block;
	color: #ccc;
	border: 1px #999 solid;
	font-size: 0.9375em;
	text-align: center;
	width: 11.33333333333333em;
	line-height: 2.533333333333333em;
}

.banner_txt_3 a:hover {
	background-color: #0264a3;
	border-color: #0264a3;
	color: #fff;
}
.rat-banner-pc {position: relative; background-color: #000;}
.i-banner{position:relative;display:block;width:100%;height:46vw;background-size:cover!important}
.i-banner.video-sign{overflow:hidden}
.i-banner.video-sign .video{position:absolute;top:50%;left:50%;width:100%;height:auto;transform:translate(-50%,-50%)}
.banner-mobile {background-position:center top; background-repeat:no-repeat; background-size:cover;display: none;}
.swiper-pagination-bullet:after{ top:0; height:100%;background-color:#2988cc; width:0;
content:"";  position: absolute;left:0%;/*transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;*/}
.swiper-pagination-bullet-active:after{ width:100%; transition: width 7s ease-out 0s;}
.swiper-pagination-index-banner .swiper-pagination-bullet-active{background:none;} 
.swiper-pagination-bullet{position:relative;}
@media screen and (min-width:1200px) {
	.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-index-banner {
		text-align: left;
		width: 78%;
		left: 11%;
		bottom: 7%;
	}
	.swiper-pagination-index-banner .swiper-pagination-bullet {
		width: 60px;
		height: 4px;
		background-color: #999999;
		border-radius: 0;
	}
	.swiper-pagination-index-banner .swiper-pagination-bullet-active {
		background-color: #67afda;
	}
}
@media (max-width:991px) {
	.rat-banner-pc {display: none;}
	.banner-mobile {display: block;}
}

/* 首页简介 */
.rat-index-aboutbg {
    width: 100%;
    padding: 80px 0;
    overflow: hidden;
    background: url(../images/about-bg.jpg) #f6f6f6 no-repeat top center;
    background-size: cover;
}
.container {max-width:80%;}
.container0 {width: 80%; padding: 0px; margin: 0px auto; overflow: hidden;}
.rat-index-abouttitle{margin-bottom: 10px;}
.rat-index-abouttitle h4{line-height:40px; color:#67afda; font-size:24px; font-family:'Titillium Web'!important;}
.rat-index-abouttitle h4 span{color:#333; font-size:28px; font-weight: normal; font-family:"微软雅黑"; letter-spacing:3px;}

.rat-index-aboutinfo {
	width: 90%;
	font-size: 14px;
	line-height: 25px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
.rat-index-aboutbtn {margin-top:35px;}
.rat-index-aboutbtn a{ font-size:0.875em; margin:0 8px; text-align: center;
display:inline-block; border:1px #d3d0d0 solid; width:130px; line-height:30px; background-color: #666; color:#fff;}
.rat-index-aboutbtn a.on,.rat-index-aboutbtn a:hover{
background-color:#0264a3; border-color:#0264a3;
}
.rat-index-aboutbtn a span{
display:inline-block; background-position:left center; background-repeat:no-repeat; padding-left:28px;}
.rat-index-aboutbtn a:nth-child(1) span{
background-image:url(../images/btn-video.png);}
.rat-index-aboutbtn a:nth-child(2) span{
background-image:url(../images/btn-more.png);}
.rat-index-aboutimg {margin-top: 70px;}

/* 首页产品 */
.rat-index-probg {
	width: 100%;
	background-color: #f0f0f0;
	padding: 80px 0;
	margin: 0px;
	overflow: hidden;
}
.rat-pro-infoall {
	margin-top: 20px;
	padding: 0px;
	overflow: hidden;
}
.rat-pro-infoall .dataitem {
    display: block;
    background: #fff;
    margin-bottom: 20px;
    border: solid 1px #eaeaea;
    transition: all .12s ease-in-out;
}
.rat-pro-infoall .dataitem .thumb {
    position: relative;
    margin-bottom: 20px;
    padding: 0px;
    background: #fff;
    box-shadow: 0 20px 20px -5px rgba(0,0,0,0.08);
    display: block;
    overflow: hidden;
}
.rat-pro-infoall .dataitem .thumb img {
    width: 100%;
    height: 100%;
}
.rat-pro-infoall .dataitem .title {
    margin: 10px 0;
    padding: 0 15px;
    font-size: 16px;
    line-height: 25px;
    height: 50px;
    color: #333;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.rat-pro-infoall .dataitem:hover {
    background: #18497d;
}
.rat-pro-infoall .dataitem:hover .title {
    color: #fff;
}
.rat-pro-infoall .dataitem .btn {
    margin: 10px 0;
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #999;
    background: initial;
    border: 0px;
}
.rat-pro-infoall .dataitem:hover .btn {box-shadow:none; color: #fff;}
.rat-pro-infoall .dataitem .btn:before {
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f178";
    margin-right: 5px;
}
/*
.rat-pro-one {
    background-color: #fff;
    position: relative;
    padding: 10% 1em;
		margin: 0px 10px 40px;
}
.rat-pro-one:hover {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    -o-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
.rat-pro-onetxt {
    text-align: center;
    color: #3d3f40;
    font-size: 1.5em;
}
.rat-pro-oneimg {
    position: relative;
    text-align: center;
    height: 18em;
}
.cssimg:hover, .cssimgp:hover img {
    transform: scale(1.08, 1.08);
}
.rat-pro-oneimg img {
    max-width: 78.57142857142857%;
}
.rat-pro-onemore {
    opacity: 0;
    width: 100%;
    text-align: center;
    bottom: 10%;
    left: 0;
}
*/
.pro_1_mid_2_np {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    z-index: 999999999999999;
}
.rat-pro-one:hover .pro_1_mid_2_np {
    top: 10%;
}
.cell_mid {
    display: table;
    height: 100%;
    width: 100%;
}
.cell_h {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.cssimg, .cssimgp img {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.okp {
    opacity: 0;
}
.rat-pro-onemore {
    opacity: 0;
    /* position: absolute; */
    width: 100%;
    text-align: center;
    bottom: 10%;
    left: 0;
}
.rat-pro-onemore span {
    display: inline-block;
    font-size: 0.75em;
    width: 11.66666666666667em;
    background-color: #0264a3;
    color: #fff;
    border-radius: 2.833333333333333em;
    line-height: 2.833333333333333em;
}
.rat-pro-one:hover .rat-pro-onemore {
    opacity: 1;
}

/* 首页新闻 */
.rat-index-newsall {
	width: 100%;
	padding: 80px 0;
	margin: 0px;
	overflow: hidden;
}
.feaTitle{font-size: 28px;font-family: 'DINCond-Medium';text-align: center;margin-bottom: 0px;}
.feaMoreBtn{display: block;text-align: center;font-size: 14px;font-family: 'OpenSans';margin-top: 5px;color:#c51516;}
.feaMoreBtn:hover{color:#333;}
.img-news ul { padding: 0; margin: 20px 10px 0px; list-style: none; overflow: hidden; }
.img-news .imgnews-list li { width: 52%; float: right; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; padding: 8px 0; border-bottom: 1px solid; border-color: #bbbbbb; border-color: ; }
.img-news .imgnews-list li .title { font-size: 14px; line-height: 30px; color: #555555; color: ; margin: 0; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 78% }
.img-news .imgnews-list li .time { display: inline-block; line-height: 30px; float: right; color: #bbbbbb; color: #a8a8a8; font-size: 13px; position: relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.img-news .imgnews-list li .fa { display: inline-block; line-height: 30px; float: right; color: #18497d; color: ; font-size: 13px; position: relative; right: 35px; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: 0 }
.img-news .imgnews-list li:hover { padding-left: 15px }
.img-news .imgnews-list li:hover .fa { right: 0; opacity: 1 }
.img-news .imgnews-list li:hover .time { right: 15px }
.img-news .imgnews-list li:hover h3 { color: #18497d; color: ; }
.img-news .imgnews-list li .date { float: right }
.img-news .imgnews-list li .date .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #bbbbbb; color: #a8a8a8; }
.img-news .imgnews-list li .date .year { color: #bbbbbb; color: #a8a8a8; position: relative; display: block }
.img-news .imgnews-list .item-1 { width: 45%; float: left; padding: 0; border: none; opacity: 1; transform: none; }
.img-news .imgnews-list .item-1 .text { background: #18497d; background: ; padding: 20px 20px 20px 40px }
.img-news .imgnews-list .item-1 .text .date { float: left }
.img-news .imgnews-list .item-1 .text .day { font-size: 36px; font-weight: bold; position: relative; letter-spacing: 1px; color: #fff; }
.img-news .imgnews-list .item-1 .text .year { color: rgba(255, 255, 255, 0.6); position: relative; display: block }
.img-news .imgnews-list .item-1 .text .content { color: #fff; width: 80%; float: right }
.img-news .imgnews-list .item-1 .text .content h3 { color: #fff; line-height: 30px; margin: 0; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }
.img-news .imgnews-list .item-1 .text .content p { color: rgba(255, 255, 255, 0.7); padding-top: 10px; margin: 0;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.img-news .imgnews-list .item-1 .img {max-height: 325px; overflow: hidden }
.img-news .imgnews-list .item-1 .img img { -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: .78; width: 100% }
.img-news .imgnews-list .item-1:hover { -webkit-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08); padding: 0 }
.img-news .imgnews-list .item-1:hover img { -webkit-transform: scale(1.08); transform: scale(1.08); opacity: 1 }
.img-news .imgnews-list .item-2 { border: none !important }
.img-news .imgnews-list .item-2 .text { float: left; width: 80% }
.img-news .imgnews-list .item-2 .text h3 { width: 100%; padding-bottom: 15px; border-bottom: 1px solid; border-color: #bbbbbb; border-color: ; font-size: 16px }
.img-news .imgnews-list .item-2 .text p { margin-top: 15px; color: #bbbbbb; color: #a8a8a8; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden }


/* 底部信息 */
.rat-footer {
	line-height: 1.6em;
	padding: 1.3em 3%;
	overflow: hidden;
	background-color: #ddd;
}
.rat-footer-left {
	color: #666;
	padding: 0px;
	margin: 0px;
	font-size: 14px;
	overflow: hidden;
	float: left;
}
.rat-footer-left a {
    color: #333;
    margin-left: 0.7em;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 0.8em;
    background-image: url(../images/footer-t.png);
}
.rat-footer-right {
	float: right;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

/* 内页开始 */
.about_banner {
	position: relative;
	overflow: hidden;
}
.about_banner_left {
    width: 60%;
    overflow: hidden;
}
.about_banner_left img {
    width: 100%;
}
.about_banner_right {
    position: absolute;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    background-color: #00a7db;
}
.about_banner_right_mid {
    margin: 0 16%;
}
.about_banner_right_1 {
    color: #fff;
    font-size: 3.125em;
    margin-bottom: 0.4em;
}
.about_banner_right_2 {
    font-size: 1.125em;
    color: #eee;
    line-height: 1.55em;
}

.service_nav {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.service_nav_mid_jj {
	margin-bottom: 30px;
}
.service_nav_mid_left {
	float: left;
	font-size: 2em;
	color: #1a1a1a;
}
.service_nav_mid_right {
	float: right;
	margin-top: 1em;
}
.service_nav_mid_right a {
	font-size: 14px;
	color: #4c4c4c;
	margin-left: 2em;
}
.service_nav_mid_right a:hover, .service_nav_mid_right a.on {
	color: #0264a3;
}
.contact_1_1 {
	text-align: center;
	color: #1a1a1a;
	font-size: 2em;
	margin: 0px 0px 30px;
}



@media screen and (max-width: 1660px) {
	.about_banner_right_mid {
    margin-left: 8%;
    margin-right: 8%;
	}
}
@media screen and (max-width: 1325px) {
	.rat-index-rightinfo {margin-top: 4.625em; padding-left: 0;}
}

/* 关于我们 */
.about_jj_mid {
    padding: 10em 0 8em 0;
		text-align: center;
}
.about_jj_mid span {
    color: #1a1a1a;
    font-size: 2em;
}
.rat-nyaboutbg {
	background-color: #f2f5f7;
	padding: 10em 0 8em 0;
	margin: 0px;
	overflow: hidden;
}
.rat-ny-editor {
	font-size: 14px;
	line-height: 1.8;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	min-height: 320px;
}

/* 新闻动态 */
.rat-ny-newsbg {
	background-color: #f2f5f7;
	padding: 60px 0px;
}
.rat-ny-newsall {
    width: 100%;
		min-height: 280px;
    margin: 0px auto;
    padding: 0px;
    overflow: hidden;
}
.rat-ny-newsall li {
    padding: 15px;
    margin: 0px 0px 20px;
		background-color: #fff;
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
}
/* .rat-ny-newsall li:last-child {margin-bottom: 0px ; border-bottom: 0px;} */
.rat-ny-newsimg {
    width: 300px;
    padding: 0px 20px 0px 0px;
    margin: 0px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.rat-ny-newsimg img {border: 1px solid #eee;}
.rat-ny-newstxt {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    display: table-cell;
    vertical-align: top;
}
.rat-ny-newstxt h3 {
    padding: 0px;
    margin: 0px 0px 10px;
    color: #666;
    font-size: 18px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.rat-ny-newstxt h3 i {
    padding: 0px 10px;
    margin: 0px 0px 0px 10px;
    background-color: #2c3388;
    color: #fff;
    display: inline-flex;
    line-height: 20px;
    font-size: 14px;
    border-radius: 5px;
    font-style: normal;
}
.rat-ny-newstxt p {
    padding: 0px;
    margin: 0px;
    line-height: 25px;
    height: 50px;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.rat-ny-newstxt span {
    border: 1px solid #18497d;
    color: #18497d;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 0px 0px 10px;
    margin: 15px 0px 0px;
    display: inline-block;
    overflow: hidden;
}
.rat-ny-newstxt span b {
    background-color: #18497d;
    color: #fff;
    padding: 0px 10px;
    margin: 0px 0px 0px 10px;
    overflow: hidden;
    display: inline-flex;
}
/* 新闻详情 */
.news_info{ overflow:hidden;position:relative; margin:0;}
.news_info_2{margin:0 auto; /*width:75.75757575757576%;*/}
.news_info_1{font-size:15px; margin:3em 0;}
.news_info_2_1{text-align:center; font-size:1.625em; color:#333;}
.news_info_2_2{text-align:center; font-size:15px; color:#4c4c4c; margin-top:1em; margin-bottom:2em;}
.news_info_2_3{font-size:15px; line-height:1.8;}
.news_info_2_3 ul {padding: revert;}
.news_info_2_4 ul li{ line-height:3.75em;float:left; width:50%; background-color:#666666; color:#fff;}
.news_info_2_4 ul li:hover{background-color:#0264a3;}
.news_info_2_4 ul li .news_info_2_4_mid{padding:0 1.5em;}
.news_info_2_4_mid a{ display:block;background-image:url(../images/dot-left.png); padding-left:1.928571428571429em; font-size:15px; color:#fff; background-position:left center; background-repeat:no-repeat;}
.news_info_2_4 ul li:nth-child(2) .news_info_2_4_mid{text-align:right;}
.news_info_2_4 ul li:nth-child(2) .news_info_2_4_mid a{background-position:right center; padding-left:0; padding-right:1.928571428571429em; background-image:url(../images/dot-right.png);}
.news_info_2_4{/*margin-bottom:4.5em;*/ margin-top:3em;}
.news_info_return{position:absolute; right:0; top:3em;}
.news_info_return a{ background-color:#0264a3;display:inline-block; color:#fff; width:8.333333333333333em; line-height:2.833333333333333em; text-align:center; font-size:0.75em;}


/* 联系我们 */
.contact_bg {
    overflow: hidden;
    padding-bottom: 4em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/contact-bg.jpg);
}
.contact_title {
    text-align: center;
    color: #1a1a1a;
    font-size: 28px;
    margin-top: 60px;
    margin-bottom: 30px;
}
.rat-map {
    border: 1px solid #999;
    height: 50vh;
    padding: 0px;
    margin: 0px 0px 50px;
    overflow: hidden;
}
.rat-map img {max-width: initial;width: auto;}

.rat-contact-message,.rat-contact-message ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
.rat-contact-message ul li {
    margin-bottom: 10px;
    float: left;
    width: 48%;
    padding-bottom: 8px;
    border-bottom: 1px #ccc solid;
}
.rat-contact-message ul li:nth-child(2),
.rat-contact-message ul li:nth-child(4) {
    margin-left: 3%;
} 
.rat-contact-message ul li:nth-child(5), .rat-contact-message ul li:nth-child(6) {
    width: 100%;
}
.rat-contact-message ul li:nth-child(7) {
    width: 100%;
		text-align: center;
		border-bottom: 0px;
}
/* .rat-contact-message ul li label {width: 60px; line-height: 20px; font-size: 14px; margin: 0px; font-weight: 300; float: left;} */
.rat-contact-message ul li #message {
    height: 95px;
    border: none;
    background: none;
    width: 100%;
    font-size: 14px;
    float: right;
}
.rat-contact-message ul li input {
    border: none;
    background: none;
    width: 100%;
		line-height: 30px;
    font-size: 14px;
    float: right;
}
.rat-contact-message ul li input:focus,.rat-contact-message ul li #message:focus  {outline: initial;}
input:-internal-autofill-selected {background-color: initial;}
.rat-contact-message button {
    display: inline-block;
    width: 190px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #333;
    font-size: 16px;
		border: 0px;
}
/* 在线招聘 */
.JobTitle {
    background-color: #888888;
}

.JobTitle span,
.JobPanel dt span {
    font-size: 12px;
    width: 65%;
    padding: 13px 5px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.JobTitle span {
    color: #fff;
}

.JobTitle span:nth-child(4),
.JobPanel dt span:nth-child(4) {
    width: 35%;
}
.JobTitle span:nth-child(2),
.JobTitle span:nth-child(3),
.JobPanel dt span:nth-child(2),
.JobPanel dt span:nth-child(3) {
    display: none;
}

.JobPanel dl,
.JobPanel dd {
    margin: 0;
    padding: 0;
}

.JobPanel dl {
    margin-top: 0px;
}

.JobPanel dt {
    cursor: pointer;
    font-weight: normal;
    background-color: #f6f6f6;
    margin-bottom: 5px;
}

.JobPanel dd {
    padding: 15px 5%;
    font-size: 12px;
    display: none;
    line-height: 30px;
}

.JobPanel dd h2,
.JobPanel dd p {
    margin: 0;
    padding: 0;
}

.JobPanel dd h2 {
    font-size: 12px;
    margin-bottom: 7px;
}
/* 小屏幕（平板，大于等于 768px） */
@media screen and (min-width:1200px) {
	.JobTitle {margin-top: 15px;}
	.JobTitle span,.JobPanel dt span {width: 35%;}
	.JobTitle span:nth-child(2),.JobPanel dt span:nth-child(2),.JobTitle span:nth-child(3),.JobPanel dt span:nth-child(3) {width: 20%;}
	.JobTitle span:nth-child(4),.JobPanel dt span:nth-child(4) {width: 25%;}
	.JobTitle span,.JobPanel dt span,.JobPanel dd,.JobPanel dd h2 {font-size: 14px;}
	.JobTitle span:nth-child(2),.JobTitle span:nth-child(3),.JobPanel dt span:nth-child(2),.JobPanel dt span:nth-child(3) {display: inline;}
}

/* 案例系列 */
.rat-allhome-tabs {width: 100%; margin: 0px 0px 30px; padding: 0px; overflow: hidden;border-bottom:1px solid #ccc;}
.ui-tabs{width:100%;overflow-x:auto;padding:0px 20px 0;overflow-y:hidden}
.ui-tabs::-webkit-scrollbar{display:none;width:0}
.ui-tabs .main{width:auto;white-space:nowrap}
.ui-tabs .ui-tab{display:inline-block;margin-right:30px;width:auto;cursor:pointer;padding-bottom:15px;position:relative;transition:opacity .2s ease-in-out;box-sizing:border-box}
.ui-tabs .ui-tab span{font-size:14px;color:#777;letter-spacing:0;text-align:center}
.ui-tabs .ui-tab.active{border-bottom:2px solid #18497d}
.ui-tabs .ui-tab.active span{font-size:14px;color:#282828;letter-spacing:0;text-align:center}
.ui-tabs .ui-tab:last-child{margin-right:0}
.ui-tabs .ui-tab:hover{opacity:.7}

/* 产品展示 */
.pro_info_bg{background-color:#f2f5f7;}
.pro_info_photo_right{float:right; width:66%; background-color:#fff; text-align:center;}
.pro_info_photo_left{ width:34%;position:absolute; left:0; top:0; height:100%; text-align:center; background-color:#0264a3; color:#fff;}
.pro_info_photo{position:relative;}
.pro_info_photo_right_mid{position:relative; padding:4.375em 0;}
.pro_info_photo_right_mid_play{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; background-color:rgba(0,0,0,0.2);}
.pro_info_photo_right_mid_play a{color:#fff; font-size:4em;}
.pro_info_photo_left_mid{padding:0 1em; font-size:1.625em;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0;}
.pro_info_content{ padding:3.75em 0;background-color:#fff; overflow:hidden;}
.pro_info_photo{margin-bottom:4.375em;}
.pro_info_content_1{line-height:1.7}
.rat-pro-img {
	padding: 30px;
	margin: 0px;
	overflow: hidden;
}
.pro_info_content {
    padding: 3.75em 0;
    overflow: hidden;
}
.pro_info_content table,.pro_info_content table td{border-collapse:collapse}
.pro_info_content table td{ font-size:0.875em;border:1px solid #d9d9d9; padding:0.4em 1em; vertical-align:middle;}
.pro_info_content table tr td:nth-child(1){ } 
.pager>li.active>a, .pager>li.active>a:hover, .pager>li.active>span, .pager>li.active>span:hover {border-color:#18497d;background-color:#18497d;}

 /* 客户案例 */
 .rat-item {margin-bottom: 15px;}
 .rat-item .img{ overflow: hidden; position: relative;margin:0px;border: 1px solid #eee;}
 .rat-item .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
 .rat-item .black-50{ transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);}
 .rat-item .vico{ border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-left: 10px solid #f0f0f0; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px;}
 .rat-item .t{color: #222222; display: block; margin:0px; padding:10px 5%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #f0f0f0;  line-height: 1.5; font-size: 16px; position: relative; z-index: 1;}
 .rat-item .t:before{  content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #900;background-color: ; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
 .rat-item:hover .img img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
 .rat-item:hover .t{color: #fff;}
 .rat-item:hover .t:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
 .rat-item:hover .black-50{opacity: 0; visibility: hidden\9; }
 
 /*留言*/
 #cmsFloatPanel {position:fixed;right:20px;bottom:50px;overflow:hidden;z-index:2500;font-size:10px;border-radius:2px;-webkit-box-shadow:0 10px 20px 0 rgba(15,33,78,.2);box-shadow:0 10px 20px 0 rgba(15,33,78,.2)}
 #cmsFloatPanel .message-panel {
     cursor:pointer;
    width: 60px;
    padding: 10px;
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-family: PingFangSC,PingFangSC-Regular;
    font-weight: 400;
    color: #333;
    line-height: 10px;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(15,33,78,.2);
    box-shadow: 0 10px 20px 0 rgba(15,33,78,.2);
    display: none;
}
#cmsFloatPanel .message-panel img {
    margin-bottom: 3px;
}
.message-panel {
    display: none;
}
.panel-name {
    line-height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.messagePanel{width:294px;position:fixed;right:20px;bottom:20px;overflow:visible;z-index:2001;height: 402px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(15,33,78,.2);
    box-shadow: 0 10px 20px 0 rgba(15,33,78,.2);}
.messagePanel .messagePanel-inner{width:294px;position:relative;overflow:visible;height:100%}
.messagePanel .messagePanel-inner .messageBoxPanel{background:#fff;width:294px;position:absolute;max-height:700px;left:0;bottom:0;border-radius:4px;-webkit-box-shadow:0 10px 30px 0 rgba(59,134,255,.05);box-shadow:0 10px 30px 0 rgba(59,134,255,.05)}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-right {float: right; color: #fff;}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-hd{width:294px;height:46px;background:#18497d;color:#fff;padding:0 16px;line-height:46px;border-radius:2px;cursor:pointer}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-hd i{font-size:20px;margin-right:6px}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd{padding:16px 16px 14px;overflow-y:scroll;overflow-x:hidden;max-height:654px}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd::-webkit-scrollbar{width:4px}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);background:rgba(0,0,0,.1)}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd::-webkit-scrollbar-track{display:none}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-item{width:100%;height:32px;line-height:32px;padding:0 10px;border:1px solid #d3d2d1;border-radius:5px;color:#333; margin-bottom: 10px;}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
::placeholder{color:#999}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd textarea.message-item{height:64px}
.messagePanel .messagePanel-inner .messageBoxPanel .messageBoxPanel-bd .message-button{background:#18497d;color:#fff;border:none;text-align:center;cursor:pointer}

@media screen and (max-width: 1660px) {
	.news_info_2 {width: 100%;}
}
@media screen and (min-width:1325px) {
.news_info{min-height:calc(100vh); }
}
@media screen and (max-width:1090px) {
	.img-news { padding: 50px 0;}
	.news_info_return{top:2em;}
	.news_info_2_4{margin:2.5em 0;}
	.news_info_2_1{font-size:1.25em;}
	.news_info_1{margin:3em 0;}
	.news_info {margin:0 1em;}
	.pro_info_photo_left_mid{font-size:1.25em;}
	.pro_info_photo{margin-bottom:3em;}
	.pro_info_content{padding:2.5em 0;}
}
@media (max-width:991px) {
	.img-news .imgnews-list .item1 .text .content { width: 70% }
	.img-news { padding: 40px 0; }
}
@media screen and (max-width:850px) {
    .container {max-width: inherit;}
	.news_info_1{margin-bottom:2em; margin-top:2em;}
	.news_info_2_4 ul li:nth-child(2) .news_info_2_4_mid a{ background-position:left center; background-image:url(../images/dot-left.png); padding-right:0; padding-left:1.92857em}
	.news_info_2_4 ul li:nth-child(2) .news_info_2_4_mid{text-align:left;}
	.news_info_2_4{margin-bottom:1em; margin-top:2em;}
	.news_info_2{width:auto; margin:0em;}
	.news_info_return{position:static; width:100%; margin-bottom:2em; float:left; clear:both;}
	.news_info_2_4 ul li{width:100%; line-height:3em; margin-bottom:0.5em;}
	.news_info_return a{display:block; width:auto; padding:0.5em 0;}
	.news_info_return_pro a{margin:0 1em;}
	.rat-ny-newsimg {width: 100%; padding: 0px;display:block;}
	.rat-ny-newsimg img {width: 100%;}
}
@media (max-width:767px) {
	.rat-index-rightinfo {margin-top: 4em;}
	.rat-index-aboutbg, .rat-index-probg,.rat-index-newsall {padding: 25px 0px;}
	.container0 {width: 100%;padding: 0px 15px;}
	.rat-index-aboutinfo {width: 100%;}
	.rat-index-aboutbtn {margin-top: 15px;}
	.rat-index-aboutimg {margin-top: 20px;}
	.img-news { padding: 10px 0; }
	.img-news .imgnews-list .item-2 .text h3 {padding-bottom: 5px;}
	.img-news .imgnews-list li { width: 100% !important; float: none !important;padding: 5px 0px; }
	.img-news .imgnews-list .item1 .text .content { width: 68% }
	.img-news .imgnews-list li .title { width: 70% }
	.img-news ul { margin-top: 0 }	.img-news .title-box .head{float: none;}
	.img-news .title-box .tabs{margin: 15px 0; float: none;}
	.img-news .imgnews-list .item-2 .text p {margin: 10px 0px;line-height: 20px;height: 40px;}
	.rat-pro-infoall {margin: 0px;}
	.rat-pro-infoall>div {padding: 0px;}
	.rat-pro-one {margin: 0px 0px 10px;}
	.rat-pro-onemore {opacity: 1;}
	.rat-footer-right {display: none;}
	.rat-footer-left {float: inherit; width: 100%; text-align: center;}
	.pro_info_content{padding:2em 0;}
	.pro_info_photo{margin-bottom:2em;}
	.pro_info_photo_left{ float:left; clear:both; position:static; padding:1em 0;width:100%; height:auto; text-align:center;}
	.pro_info_photo_right{width:100%; float:left; clear:both;}
	.contact_title {margin-top: 30px; margin-bottom: 15px; font-size: 24px;}
	.contact_bg {padding-bottom: 2em;}
	.about_banner_left{	width:100%;}
	.about_banner_right {position: static; width: 100%;}
	.about_banner_right_mid {margin-left: 1em; margin-right: 1em; margin-top: 1.5em; margin-bottom: 1.5em;}
	.about_banner_right_1 {font-size: 18px;}
	.about_banner_right_2 {font-size: 14px;}
	.about_jj_left {width: 100%;background-color: #f1f5f8;}
	.about_jj_mid {padding: 20px 0px 0px; display: none;}
	.about_jj_mid span {font-size: 18px;}
	.rat-nyaboutbg {padding: 20px 0px 30px;}
	.rat-ny-newsbg {padding: 30px 0px;}
	.service_nav_mid_jj {margin-bottom: 15px;}
	.service_nav_mid_left {display: none;}
	.service_nav_mid_right {margin-top: 0px; float: inherit;}
	.service_nav_mid_right a {margin-left: 0px; margin-right: 2em;}
	.news_info {margin: 0px;}
}